<template>
  <view class="setting">
    <view class="setting-list">
      <view class="about-header flex flex-direction flex-center">
        <view class="logo">
          <image src="@/static/logo.png" mode="scaleToFill" />
        </view>
        <view class="title"> 微宝直播 </view>
        <view class="banben">当前版本：V1.01</view>
      </view>
      <view class="list flex flex-align flex-bt">
        <view>客服电话</view>
        <view class="right" @click.capture="copy('400-5462154')">400-5462154</view>
      </view>
      <view class="list flex flex-align flex-bt">
        <view>客服邮箱</view>
        <view class="right" @click.capture="copy('561ADS1561@163.com')">561ADS1561@163.com</view>
      </view>
      <view class="list flex flex-align flex-bt">
        <view>工作时间</view>
        <view class="right">周一至周五 08:00～20:00</view>
      </view>
      <view class="list flex flex-align flex-bt">
        <view>企业文化</view>
        <uni-icons type="right" size="16" color="#333"></uni-icons>
      </view>
      <view class="list flex flex-align flex-bt">
        <view>公司介绍</view>
        <uni-icons type="right" size="16" color="#333"></uni-icons>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
import { copy, menuJump } from '@/utils/tools';
import { ref } from 'vue';

</script>

<style scoped lang="scss">
  .setting{
    padding: 30rpx;
    .about-header{
      padding: 100rpx 0 60rpx;text-align:center;
      .logo{
        image{width: 168rpx;height: 168rpx;}
      }
      .title{font-weight: bold;color: #323233;font-size: 30rpx;margin: 10rpx 0;}
      .banben{font-size: 24rpx;color: #969799;}
    }
    .setting-list{
      border-radius: 20rpx;
    }
    .list{
      padding:30rpx;
      background: #fff;
      border-radius: 10rpx;
      margin-bottom: 20rpx;font-weight: bold;color: #323233;
      .right{color: #646566;}
    }
    .footer{
      position: fixed;width: 100%;bottom: 50rpx;left: 0;box-sizing: border-box;padding:0 30rpx;
      .footer-text{
        text-align: center;
        color: #323233;
        background: #fff;
        padding: 20rpx 0;
        font-weight: bold;border-radius: 60rpx;
      }
    }
  }
</style>